<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>switch</title>
</head>
<body>
  <script>
    //根据变量 gender 的值, 输出用户的性别
    /**
     * gender === 1   男孩
     * gender === 0   女孩
     * gender === 2, 3, 4, 5, x   未知
     */
    // let gender = 0;

    //根据 gender 变量的值, 输出性别
    // if(gender === 0){
    //   alert('女孩儿');
    // }else if(gender === 1) {
    //   alert('男孩儿');
    // }else{
    //   alert('未知');
    // }

    //switch 语句
    let gender = 'xxx';

    switch(gender){
      case 0:  //只要有能匹配上变量的值, 则其他的 case 语句就不会再执行了(前提就是代码块中写 break 语句)
        alert('女孩儿');
        //如果不写 break, 则当前代码块执行完毕之后, 会继续执行后续 case 语句中的代码
        break;
      case 1:
        alert('男孩儿');
        break;
      default: //default 默认的, 相当于是 if...else if ....else 最后的 else 的作用
        alert('未知');
        break;
    } 
  </script>
</body>
</html>